/**************************************************** 全局 ****************************************************/

::-webkit-input-placeholder {
    color: #bbb
}

/* 使用webkit内核的浏览器 */
:-moz-placeholder {
    color: #bbb
}

/* Firefox版本4-18 */
::-moz-placeholder {
    color: #bbb
}

/* Firefox版本19+ */
:-ms-input-placeholder {
    color: #bbb
}

/* IE浏览器 */

.self-content {
    top: 2.1rem !important;
}

.self-bar-header-secondary {
    top: 0
}

.self-bar {
    padding-right: 0
}

.self-icon-del {
    position: absolute;
    font-size: 0.9rem;
    color: #b4b4b4;
    top: 50%;
    right: 0.3rem;
    -webkit-transform: translate3D(0, -50%, 0);
    transform: translate3D(0, -50%, 0);
    display: none;
}

.self-item-input {
    margin-right: 0.5rem;
}

.self-submit {
    width: 100%
}

.self-preloader {
    width: 100%;
    height: 100%;
    animation: unset;
}

.self-content-block-title {
    margin: .75rem .75rem .5rem !important;
}

.button-hui {
    border-color: #a1a1a1;
    background-color: #f4f5f7;
    color: #333;
}

.button-danger, .sear-result {
    background-color: #0ab690 !important;
}

.icon-fanhui, .icon-fanhui1, .back {
    color: #333333 !important;
}

.button-nosumbit {
    background-color: #81d7c4;
    border: 1px solid #81d7c4;
    color: #fff
}

/**************************************************** 通知公告 ****************************************************/
.card-footer:before {
    height: 0;
}

.list-block .item-link .item-inner {
    background-image: none;
}

.self-title {
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* height: 2.5rem;*/
    display: -webkit-box;
	display:flex;
}

.self-text {
    padding-top: 0.3rem;
    height: 2.4rem !important;
}

.self-footer {
    padding: 0;
    border-radius: 0;
    font-size: .625rem;
    min-height: 1.1rem;
    /* padding-top: 0.65rem;
    position: static;
    position: absolute;*/
    bottom: -.8rem;
}

.self-item-title-row {
    position: absolute;
    top: .28rem;
}

.self-list-block {
    margin: 0;
}

.self-thomimg {
    width: 6rem;
    padding-right: .7rem;
    height: 6rem;
    padding-top: .7rem;
    padding-bottom: .7rem;
	min-width:34.7%
}

.self-inner {
    position: static !important;
    padding-top: .9rem !important;
    padding-bottom: 1.5rem !important;
    padding-right: 0.75rem !important;
}

.self-list-block {
    margin: .5rem 0;
}

/***************************************************** 投诉记录 ****************************************************/

.tabsduo-self-title {
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.tabsduo-self-thomimg {
    width: 5rem;
    padding-right: .5rem;
    height: 3.5rem;
    /*position: relative;
    top:-0.5rem*/
}

.card-footer > *:not(.row) {
    padding: 0;
}

.self-content-block {
    margin: .5rem 0 0;
    border-bottom: .7rem solid #efeff4;
    padding-bottom: .5rem;
}

.tabsduo-button {
    width: 3.7rem;
    /* display: block; */
    float: right;
    margin-left: .4rem;
}

.self-status {
    color: #f6383a
}

.buttons-tab .button.active {
    color: #0ab690;
    border-color: #0ab690;
}

.self-tabs-footer {
    bottom: .15rem;
}

.tabsduo-tabs-footer {
    bottom: -2.2rem;
}

.self-null-bg {
    background: url(../img/nullbg.png) no-repeat top center;
    height: 35rem;
    width: 100%;
    background-size: 18rem;
}

/***************************************************** 进度条 ****************************************************/
.circleSucess {
    width: 10px;
    height: 10px;
    /*display: inline-block;*/
    background-color: red;
    border-radius: 50%;
    -moz-border-radius: 50%;
    /*兼容火狐*/
    -webkit-border-radius: 50%;
    /*兼容苹果;谷歌等浏览器*/
    -o-border-radius: 50px;
    /**兼容opera浏览器*/
    /***背景色渐变**/
    background: -webkit-linear-gradient(top, #0ab690, #0ab690);
    background: -webkit-linear-gradient(left, #0ab690, #0ab690);
    background: -webkit-linear-gradient(right, #0ab690, #0ab690);
    background: -webkit-linear-gradient(bottom, #0ab690, #0ab690);
    background: -moz-linear-gradient(top, #0ab690, #0ab690);
    background: -moz-linear-gradient(left, #0ab690, #0ab690);
    background: -moz-linear-gradient(right, #0ab690, #0ab690);
    background: -moz-linear-gradient(bottom, #0ab690, #0ab690);
    background: -o-linear-gradient(top, #0ab690, #0ab690);
    background: -o-linear-gradient(left, #0ab690, #0ab690);
    background: -o-linear-gradient(right, #0ab690, #0ab690);
    background: -o-linear-gradient(bottom, #0ab690, #0ab690);
    background: linear-gradient(top, #0ab690, #0ab690);
}

.circleFail {
    width: 10px;
    height: 10px;
    /*display: inline-block;*/
    background-color: #CCCCCC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    /*兼容火狐*/
    -webkit-border-radius: 50%;
    /*兼容苹果;谷歌等浏览器*/
    -o-border-radius: 50px;
    /**兼容opera浏览器*/
    /***背景色渐变**/
    /*background: -webkit-linear-gradient(top, #0ab690, #0ab690);
    background: -webkit-linear-gradient(left, #0ab690, #0ab690);
    background: -webkit-linear-gradient(right, #0ab690, #0ab690);
    background: -webkit-linear-gradient(bottom, #0ab690, #0ab690);
    background: -moz-linear-gradient(top, #0ab690, #0ab690);
    background: -moz-linear-gradient(left, #0ab690, #0ab690);
    background: -moz-linear-gradient(right, #0ab690, #0ab690);
    background: -moz-linear-gradient(bottom, #0ab690, #0ab690);
    background: -o-linear-gradient(top, #0ab690, #0ab690);
    background: -o-linear-gradient(left, #0ab690, #0ab690);
    background: -o-linear-gradient(right, #0ab690, #0ab690);
    background: -o-linear-gradient(bottom, #0ab690, #0ab690);
    background: linear-gradient(top, #0ab690, #0ab690); */
}

.lineSuccess {
    height: 86px;
    width: 2px;
    border: none;
    /*background-color: red;*/
    position: absolute;
    left: .2rem;
    background: -webkit-linear-gradient(top, #0ab690, #0ab690);
    background: -webkit-linear-gradient(left, #0ab690, #0ab690);
    background: -webkit-linear-gradient(right, #0ab690, #0ab690);
    background: -webkit-linear-gradient(bottom, #0ab690, #0ab690);
    background: -moz-linear-gradient(top, #0ab690, #0ab690);
    background: -moz-linear-gradient(left, #0ab690, #0ab690);
    background: -moz-linear-gradient(right, #0ab690, #0ab690);
    background: -moz-linear-gradient(bottom, #0ab690, #0ab690);
    background: -o-linear-gradient(top, #0ab690, #0ab690);
    background: -o-linear-gradient(left, #0ab690, #0ab690);
    background: -o-linear-gradient(right, #0ab690, #0ab690);
    background: -o-linear-gradient(bottom, #0ab690, #0ab690);
    background: linear-gradient(top, #0ab690, #0ab690);

}

.lineFail {
    height: 85px;
    width: 2px;
    border: none;
    position: absolute;
    left: .2rem;
    background: -webkit-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: linear-gradient(top, #F5F5F5, #EFEEF0);
}

.out {
    width: 10px;
    height: 90px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
}

.step-content {
    font-size: .625rem;
    width: 30rem;
    /* padding-left: 15px; */
    /* padding-bottom: 15px; */
    position: relative;
    left: .8rem;
    bottom: .15rem;
}

.step-color {
    opacity: .7;
}

/* 工单详情 */
.order-detail-processinfo-title{
	color:#0ab68f;
	font-weight:bold;
	font-size:.85rem;
	width:15.5rem
}
.order-detail-processinfo{	
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow:hidden;
	font-size:.8rem
	
}

/* 关于我们 */
.about_box{
	margin:4rem  2rem 2rem;
	text-align: center;
}
.about_log{
	width:4rem;
	overflow:hidden;
	margin:0 auto;
	text-align:center
}
.version{
	display:block;
	line-height:160%;
	text-align:center;
	color:#999;
	font-size:.8rem
}
.about-text{
	margin-top:4rem;	
}
.about-text span{
	display:block;
	line-height:160%;
	text-align:center;	
	font-size:.8rem;
	color:#666;
}

